<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no"><title>Document</title>
  <link rel="stylesheet" href="./style/rerset.css">
  <link rel="stylesheet" href="./style/common24.css">
  <link rel="stylesheet" href="./css/index.css">
  <link rel="stylesheet" href="https://at.alicdn.com/t/font_2621926_9lcbjktd6l5.css">
  <link rel="stylesheet" href="https://at.alicdn.com/t/font_2619794_1d8369envn6.css">
</head>
<body>
  <header class="header rel">
    <img class="pc100" src="http://huruqing.cn/static/img/fresh/other/banner2.jpeg" alt="">
    <div class="cut flex abs aic jc-sa">
      <div></div>
      <div class="on"></div>
      <div></div>
    </div>
  </header>
  <div id="sort" class="sort flex aic jc-sa mt-10">
    <div class="sort-item flex fdc jc-c aic">
      <img src="http://huruqing.cn/static/img/fresh/other/r1.png" alt="">
      <span class="sort-title mt-10">时令鲜果</span>
    </div>
    <div class="sort-item flex fdc jc-c aic">
      <img src="http://huruqing.cn/static/img/fresh/other/r1.png" alt="">
      <span class="sort-title mt-10">时令鲜果</span>
    </div>
    <div class="sort-item flex fdc jc-c aic">
      <img src="http://huruqing.cn/static/img/fresh/other/r1.png" alt="">
      <span class="sort-title mt-10">时令鲜果</span>
    </div>
    <div class="sort-item flex fdc jc-c aic">
      <img src="http://huruqing.cn/static/img/fresh/other/r1.png" alt="">
      <span class="sort-title mt-10">时令鲜果</span>
    </div>
    <div class="sort-item flex fdc jc-c aic">
      <img src="http://huruqing.cn/static/img/fresh/other/r1.png" alt="">
      <span class="sort-title mt-10">时令鲜果</span>
    </div>
    <div class="sort-item flex fdc jc-c aic">
      <img src="http://huruqing.cn/static/img/fresh/other/r1.png" alt="">
      <span class="sort-title mt-10">时令鲜果</span>
    </div>
    <div class="sort-item flex fdc jc-c aic">
      <img src="http://huruqing.cn/static/img/fresh/other/r1.png" alt="">
      <span class="sort-title mt-10">时令鲜果</span>
    </div>
    <div class="sort-item flex fdc jc-c aic">
      <img src="http://huruqing.cn/static/img/fresh/other/r1.png" alt="">
      <span class="sort-title mt-10">时令鲜果</span>
    </div>
    <div class="sort-item flex fdc jc-c aic">
      <img src="http://huruqing.cn/static/img/fresh/other/r9.png" alt="">
      <span class="sort-title mt-10">时令鲜果</span>
    </div>
  </div>
  <div class="discount flex jc-sa">
      <div class="discount-item bj1 flex aic jc-sa rel">
        <span class="cjsj abs"></span>
        <span class="abs discount-title f10">秒杀</span>
        <div class="discount-left">
          <p class="f14">秒杀</p>
          <p class="f12 mt-5 col">超值惊喜</p>
          <p class="f12 mt-5 kanjia">立即砍价</p>
        </div>
        <div class="discount-right">
          <img src="http://fresh.huruqing.cn/img/miaosha-icon.e7d1fb11.png" alt="">
        </div>
      </div>
    <div class="discount-item bj2 flex aic jc-sa rel">
      <span class="cjsj abs"></span>
      <span class="abs discount-title f10">拼团</span>
      <div class="discount-left">
        <p class="f14">拼团</p>
        <p class="f12 mt-5 col">限时拼团</p>
        <p class="f12 mt-5 kanjia">一键拼团</p>
      </div>
      <div class="discount-right">
        <img src="http://fresh.huruqing.cn/img/pintuan-icon.711363b5.png" alt="">
      </div>
    </div>
  </div>
  <div class="coupon flex aic jc-sb mt-5 mb-5">
    <div class="flex">
      <i class="iconfont ml-5 icon-youhuijuan"></i>
      <p class="ml-5">超值福利</p>
      <p class="ml-5">|</p>
      <p class="ml-5">全场满减</p>
    </div>
    <div>
      <p>立即领取<i class="iconfont icon-arrow-up-copy-copy-copy"></i></p>
    </div>
  </div>
  <div class="content mb-30 pb-30">
    <div class="content-title mb-15 flex f14 jc-sa aic">
      <div>推荐</div>
      <div class="flex aic">
        销量
        <div class="flex fdc jc-sa">
          <i class="iconfont icon-shangjiantou"></i>
          <i class="iconfont icon-arrow-up"></i>
        </div>
      </div>
      <div class="flex aic">
        价格
        <div class="flex fdc jc-sa">
          <i class="iconfont icon-shangjiantou"></i>
          <i class="iconfont icon-arrow-up"></i>
        </div>
      </div>
    </div>
    <a href="./detail.html">
    <div id="item" class="flex jc-sb container">
      <div class="content-item ml-10 mr-10">
        <div class="item-img">
          <img src="https://mall.s.maizuo.com/86d8414272e50b4b9a7b185ac30dfc86.png?x-oss-process=image/resize,w_180" alt="">
        </div>
        <p class="f14 mt-15">【山东】金秋红蜜桃</p>
        <p class="f12 mt-5 toe intr">基地果园现摘现发 鲜甜红润肉厚 富含维生素</p>
        <div class="flex mt-5 jc-sb">
          <p>
            <span class="f10 red">￥</span>
            <span class="f15 red">57.80</span>
          </p>
          <p>
            <span class="f10 f999">销量</span>
            <span class="f14 f999 pr-5">：9998</span>
          </p>
        </div>
      </div>

      <div class="content-item ml-10 mr-10">
        <div class="item-img">
          <img src="https://mall.s.maizuo.com/86d8414272e50b4b9a7b185ac30dfc86.png?x-oss-process=image/resize,w_180" alt="">
        </div>
        <p class="f14 mt-15">【山东】金秋红蜜桃</p>
        <p class="f12 mt-5 toe intr">基地果园现摘现发 鲜甜红润肉厚 富含维生素</p>
        <div class="flex mt-5 jc-sb">
          <p>
            <span class="f10 red">￥</span>
            <span class="f15 red">57.80</span>
          </p>
          <p>
            <span class="f10 f999">销量</span>
            <span class="f14 f999 pr-5">：9998</span>
          </p>
        </div>
      </div>

    </div>
  </a>
  </div>

  <div class="foot flex jc-c aic bg-fff">
    <div class="fg1 fdc jc-c flex aic">
        <a href="#"><i class="iconfont icon-shouyex"> </i></a>
        <a href="#">首页</a>
    </div>
    <div class="fg1 fdc jc-c flex aic">
        <a href="./type.html"><i class="iconfont icon-biaoqianA01_fenlei-57"> </i></a>
        <a href="./type.html">分类</a>
    </div>
    <div class="fg1 fdc jc-c flex aic">
        <a href="./shoppingCart.html"><i class="iconfont icon-gouwuche"> </i></a>
        <a href="./shoppingCart.html">购物车</a>
    </div>
    <div class="fg1 fdc jc-c flex aic">
        <a href="./Personal Center.html"><i class="iconfont icon-wode"> </i></a>
        <a href="./Personal Center.html">我的</a>
    </div>
</div>
</body>
</html>